body{margin:0 auto;display:block}ul{margin:0}.cpu{background:#232574;/*margin-top:62px*/}.cpu-a{position: relative}.cpu-a img{width:100%}.cpu-c{max-width:1170px;margin:0 auto;display:flow-root;clear:both;padding:0 15px}.cpu-c ul{padding-left:0;margin:0}.cpu-c ul li{text-align:center;width:25%;float:left;list-style:none;background:#ffffff;color:#262877;height:40px;line-height:40px;font-size:18px}@media (min-width: 760px){.cpu-c ul li{height:50px;line-height:50px;font-size:22px}}@media (min-width: 1000px){.cpu-c ul li{height:60px;line-height:60px;font-size:26px}}.cpu-c ul li.active p{background:#b7209e;border-right:0.5px solid transparent;border-left:0.5px solid transparent}.cpu-c ul li.active p a{color:#ffffff}.cpu-c ul p{text-align:center;margin:0;border-right:0.5px solid #262877;border-left:0.5px solid #262877}.cpu-d{max-width:1170px;margin:0 auto;display:flow-root;clear:both;padding:15px 15px 0 15px}.cpu-d ul{padding-left:0}.cpu-d ul li{text-align:center;width:25%;float:left;list-style:none;color:#ffffff;height:30px;line-height:30px;font-size:16px}@media (min-width: 760px){.cpu-d ul li{height:36px;line-height:36px;font-size:18px}}@media (min-width: 1000px){.cpu-d ul li{height:40px;line-height:40px;font-size:20px}}.cpu-d ul li.active{color:#b7209e}.cpu-d ul li::before{content:'';width:2px;height:2px;border-radius:50%}.cpu-e{max-width:1170px;margin:0 auto;display:block;clear:both}.table-res{max-width:1170px;margin:0 auto;display:block;clear:both}.table-res table{padding:0;margin:0;border:0;border-collapse:collapse}.table-res tr{width:100%;display:table-row}.table-res tr td{height:78px;color:#ffffff;font-size:24px;text-align:center}.table-res tr td ul{list-style:none;padding:0}.table-res tr td ul li p{margin:0 auto;transform: scale(0.6);font-size:12px;white-space:nowrap;width:30px;display: flex;justify-content: center}@media (min-width: 320px){.table-res tr td ul li p{width:57px}}@media (min-width: 330px){.table-res tr td ul li p{width:57px}}@media (min-width: 350px){.table-res tr td ul li p{width:65px}}@media (min-width: 380px){.table-res tr td ul li p{width:72px}}@media (min-width: 450px){.table-res tr td ul li p{width:85px}}@media (min-width: 600px){.table-res tr td ul li p{width:120px}}@media (min-width: 650px){.table-res tr td ul li p{font-size:14px}}@media (min-width: 860px){.table-res tr td ul li p{font-size:16px;width:180px}}@media (min-width: 1000px){.table-res tr td ul li p{font-size:18px;width:200px}}@media (min-width: 1200px){.table-res tr td ul li p{font-size:20px;width:200px}}.table-res tr td .span-a{background:linear-gradient(top, #1296b8, #226cd2);background:-ms-linear-gradient(top, #1296b8, #226cd2);background:-webkit-linear-gradient(top, #1296b8, #226cd2);background:-moz-linear-gradient(top, #1296b8, #226cd2);margin:0 10px;padding:2px 0;position:relative}.table-res tr td .span-a::after{content:'';height:1px;background:#2fcdfa;position:absolute;top:48%;width:96px;left:67px}@media (min-width: 365px){.table-res tr td .span-a::after{width: 99px;}}@media (min-width: 370px){.table-res tr td .span-a::after{width: 101px;left: 69px}}@media (min-width: 380px){.table-res tr td .span-a::after{width: 102px;left:72px}}@media (min-width: 390px){.table-res tr td .span-a::after{width: 107px;left:72px}}@media (min-width: 400px){.table-res tr td .span-a::after{left:79px;width: 107px}}@media (min-width: 415px){.table-res tr td .span-a::after{width: 111px}}@media (min-width: 425px){.table-res tr td .span-a::after{width: 117px}}@media (min-width: 435px){.table-res tr td .span-a::after{width: 116px;left:85px;}}@media (min-width: 450px){.table-res tr td .span-a::after{left:88px}}@media (min-width: 452px){.table-res tr td .span-a::after{width: 120px}}@media (min-width: 460px){.table-res tr td .span-a::after{left:90px}}@media (min-width: 470px){.table-res tr td .span-a::after{width:125px}}@media (min-width: 477px){.table-res tr td .span-a::after{left:94px}}@media (min-width: 480px){.table-res tr td .span-a::after{left:96px}}@media (min-width: 488px){.table-res tr td .span-a::after{width: 128px}}@media (min-width: 494px){.table-res tr td .span-a::after{left:99px}}@media (min-width: 500px){.table-res tr td .span-a::after{left:101px}}@media (min-width: 508px){.table-res tr td .span-a::after{width:131px;left:102px}}@media (min-width: 513px){.table-res tr td .span-a::after{width:133px;left:103px}}@media (min-width: 520px){.table-res tr td .span-a::after{left:106px;width:135px}}@media (min-width: 535px){.table-res tr td .span-a::after{left:102px;width:145px}}@media (min-width: 570px){.table-res tr td .span-a::after{left:115px}}@media (min-width: 590px){.table-res tr td .span-a::after{left:115px;width:158px}}@media (min-width: 620px){.table-res tr td .span-a::after{left:120px;width:174px}}@media (min-width: 670px){.table-res tr td .span-a::after{left:134px}}@media (min-width: 700px){.table-res tr td .span-a::after{left:142px;width:180px}}@media (min-width: 720px){.table-res tr td .span-a::after{left:146px}}@media (min-width: 735px){.table-res tr td .span-a::after{left:150px;width:194px}}@media (min-width: 765px){.table-res tr td .span-a::after{left:156px}}@media (min-width: 795px){.table-res tr td .span-a::after{left:161px;width:201px}}@media (min-width: 810px){.table-res tr td .span-a::after{left:169px}}@media (min-width: 825px){.table-res tr td .span-a::after{width:222px}}@media (min-width: 860px){.table-res tr td .span-a::after{left:179px}}@media (min-width: 890px){.table-res tr td .span-a::after{left:187px;width:236px}}@media (min-width: 920px){.table-res tr td .span-a::after{left:196px}}@media (min-width: 950px){.table-res tr td .span-a::after{left:202px}}@media (min-width: 960px){.table-res tr td .span-a::after{width:253px}}@media (min-width: 990px){.table-res tr td .span-a::after{left:211px}}@media (min-width: 1005px){.table-res tr td .span-a::after{left:222px}}@media (min-width: 1040px){.table-res tr td .span-a::after{left:217px;width:283px}}@media (min-width: 1080px){.table-res tr td .span-a::after{left:232px}}@media (min-width: 1120px){.table-res tr td .span-a::after{left:246px}}@media (min-width: 1150px){.table-res tr td .span-a::after{left:253px}}@media (min-width: 1165px){.table-res tr td .span-a::after{left:255px;width:310px}}@media (min-width: 1200px){.table-res tr td .span-a::after{width:291px;left:260px}}.table-res tr td .span-b{background:linear-gradient(top, #6d44f8, #4338d8);background:-ms-linear-gradient(top, #6d44f8, #4338d8);background:-webkit-linear-gradient(top, #6d44f8, #4338d8);background:-moz-linear-gradient(top, #6d44f8, #4338d8);margin:0 10px;padding:2px 0;position:relative;z-index:100}.table-res tr td .span-b::before{content:'';height:1px;width:11px;background:#715efa;position:absolute;right:-11px;top:48%}.table-res tr td .span-d{background:linear-gradient(top, #ae4cbe, #b31db5);background:-ms-linear-gradient(top, #ae4cbe, #b31db5);background:-webkit-linear-gradient(top, #ae4cbe, #b31db5);background:-moz-linear-gradient(top, #ae4cbe, #b31db5);margin:0 10px;padding:2px 0;position:relative}.table-res tr td .span-d::before{content:'';height:1px;background:#cf4eb4;position:absolute;top:48%;width:100px;right:64px}@media (min-width: 370px){.table-res tr td .span-d::before{right:70px}}@media (min-width: 384px){.table-res tr td .span-d::before{width:108px;right:71px}}@media (min-width: 400px){.table-res tr td .span-d::before{right:78px}}@media (min-width: 450px){.table-res tr td .span-d::before{right:85px}}@media (min-width: 470px){.table-res tr td .span-d::before{width:130px}}@media (min-width: 500px){.table-res tr td .span-d::before{right:93px}}@media (min-width: 520px){.table-res tr td .span-d::before{right:101px;width:134px}}@media (min-width: 535px){.table-res tr td .span-d::before{right:102px;width:145px}}@media (min-width: 570px){.table-res tr td .span-d::before{right:110px}}@media (min-width: 590px){.table-res tr td .span-d::before{right:115px;width:158px}}@media (min-width: 620px){.table-res tr td .span-d::before{right:120px;width:174px}}@media (min-width: 670px){.table-res tr td .span-d::before{right:134px}}@media (min-width: 700px){.table-res tr td .span-d::before{right:142px;width:180px}}@media (min-width: 720px){.table-res tr td .span-d::before{right:146px}}@media (min-width: 735px){.table-res tr td .span-d::before{right:150px;width:194px}}@media (min-width: 765px){.table-res tr td .span-d::before{right:156px}}@media (min-width: 795px){.table-res tr td .span-d::before{right:161px;width:201px}}@media (min-width: 815px){.table-res tr td .span-d::before{right:169px}}@media (min-width: 825px){.table-res tr td .span-d::before{width:222px}}@media (min-width: 860px){.table-res tr td .span-d::before{right:179px}}@media (min-width: 890px){.table-res tr td .span-d::before{right:187px;width:236px}}@media (min-width: 920px){.table-res tr td .span-d::before{right:196px}}@media (min-width: 950px){.table-res tr td .span-d::before{right:202px}}@media (min-width: 960px){.table-res tr td .span-d::before{width:253px}}@media (min-width: 990px){.table-res tr td .span-d::before{right:211px}}@media (min-width: 1005px){.table-res tr td .span-d::before{right:222px}}@media (min-width: 1040px){.table-res tr td .span-d::before{right:217px;width:283px}}@media (min-width: 1080px){.table-res tr td .span-d::before{right:232px}}@media (min-width: 1120px){.table-res tr td .span-d::before{right:246px}}@media (min-width: 1150px){.table-res tr td .span-d::before{right:253px}}@media (min-width: 1165px){.table-res tr td .span-d::before{right:255px;width:310px}}@media (min-width: 1200px){.table-res tr td .span-d::before{width:291px;right:260px}}.table-res tr td .span-c{background:linear-gradient(top, #3f63f8, #0742ed);background:-ms-linear-gradient(top, #3f63f8, #0742ed);background:-webkit-linear-gradient(top, #3f63f8, #0742ed);background:-moz-linear-gradient(top, #3f63f8, #0742ed);margin:0 10px;padding:2px 0;position:relative;z-index:100}.table-res tr td .span-c::before{content:'';height:1px;width:11px;background:#3257fe;position:absolute;left:-11px;top:47.5%}.table-res tr td .tdp{position:relative;height:80px}.table-res tr td .tdp span{display:block;margin:0 auto;vertical-align:middle;border-radius:50%;top:33px;position:absolute;font-size:12px;    width: 100%;text-align: center}@media (min-width: 450px){.table-res tr td .tdp span{font-size:14px;}}@media (min-width: 600px){.table-res tr td .tdp span{font-size:16px;}}@media (min-width: 720px){.table-res tr td .tdp span{font-size:16px;}}@media (min-width: 760px){.table-res tr td .tdp span{font-size:20px;}}@media (min-width: 1100px){.table-res tr td .tdp span{font-size:22px;}}.table-res tr td .tdp .spanstyle{width:4px;height:4px;background:#fff;display:block;margin:0 auto;vertical-align:middle;line-height:145px;border-radius:50%;top:38px;position:absolute;left:5px}@media (min-width: 450px){.table-res tr td .tdp .spanstyle{left:6px}}@media (min-width: 530px){.table-res tr td .tdp .spanstyle{left:9px}}@media (min-width: 580px){.table-res tr td .tdp .spanstyle{left:9px}}@media (min-width: 650px){.table-res tr td .tdp .spanstyle{left:10px}}@media (min-width: 710px){.table-res tr td .tdp .spanstyle{left:12px}}@media (min-width: 750px){.table-res tr td .tdp .spanstyle{left:15px}}@media (min-width: 1000px){.table-res tr td .tdp .spanstyle{left:18px}}@media (min-width: 1200px){.table-res tr td .tdp .spanstyle{left:20px}}.table-res tr .td-arrow{background:linear-gradient(top, #b409fb, #8d25fe);background:-ms-linear-gradient(top, #b409fb, #8d25fe);background:-webkit-linear-gradient(top, #b409fb, #8d25fe);background:-moz-linear-gradient(top, #b409fb, #8d25fe);border-bottom-left-radius:25px;border-bottom-right-radius:25px;margin:0 auto;border:0;padding:0;width:12px}@media (min-width: 450px){.table-res tr .td-arrow{width:16px}}@media (min-width: 460px){.table-res tr .td-arrow{width:18px}}@media (min-width: 500px){.table-res tr .td-arrow{width:19px}}@media (min-width: 530px){.table-res tr .td-arrow{width:21px}}@media (min-width: 580px){.table-res tr .td-arrow{width:22px}}@media (min-width: 600px){.table-res tr .td-arrow{width:23px}}@media (min-width: 650px){.table-res tr .td-arrow{width:24px}}@media (min-width: 670px){.table-res tr .td-arrow{width:25px}}@media (min-width: 690px){.table-res tr .td-arrow{width:26px}}@media (min-width: 700px){.table-res tr .td-arrow{width:27px}}@media (min-width: 760px){.table-res tr .td-arrow{width:30px}}@media (min-width: 870px){.table-res tr .td-arrow{width:34px}}@media (min-width: 1000px){.table-res tr .td-arrow{width:38px}}@media (min-width: 1200px){.table-res tr .td-arrow{width:45px}}.table-res tr .td-arrow p{width:12px;margin:0 auto;display:block}@media (min-width: 330px){.table-res tr .td-arrow p{width:13px}}@media (min-width: 340px){.table-res tr .td-arrow p{width:14px}}@media (min-width: 350px){.table-res tr .td-arrow p{width:13px}}@media (min-width: 380px){.table-res tr .td-arrow p{width:15px}}@media (min-width: 400px){.table-res tr .td-arrow p{width:16px}}@media (min-width: 450px){.table-res tr .td-arrow p{width:16px}}@media (min-width: 460px){.table-res tr .td-arrow p{width:18px}}@media (min-width: 500px){.table-res tr .td-arrow p{width:19px}}@media (min-width: 530px){.table-res tr .td-arrow p{width:21px}}@media (min-width: 580px){.table-res tr .td-arrow p{width:22px}}@media (min-width: 600px){.table-res tr .td-arrow p{width:23px}}@media (min-width: 650px){.table-res tr .td-arrow p{width:24px}}@media (min-width: 670px){.table-res tr .td-arrow p{width:25px}}@media (min-width: 690px){.table-res tr .td-arrow p{width:26px}}@media (min-width: 700px){.table-res tr .td-arrow p{width:27px}}@media (min-width: 760px){.table-res tr .td-arrow p{width:32px}}@media (min-width: 870px){.table-res tr .td-arrow p{width:34px}}@media (min-width: 940px){.table-res tr .td-arrow p{width:37px}}@media (min-width: 1000px){.table-res tr .td-arrow p{width:38px}}@media (min-width: 1024px){.table-res tr .td-arrow p{width:39px}}@media (min-width: 1060px){.table-res tr .td-arrow p{width:40px}}@media (min-width: 1075px){.table-res tr .td-arrow p{width:41px}}@media (min-width: 1110px){.table-res tr .td-arrow p{width:42px}}@media (min-width: 1130px){.table-res tr .td-arrow p{width:43px}}@media (min-width: 1160px){.table-res tr .td-arrow p{width:44px}}@media (min-width: 1200px){.table-res tr .td-arrow p{width:45px}}.foot{text-align:center;padding:100px 15px 50px;max-width:1170px;margin:0 auto;display:flex;clear:both}.foot .foot-l,.foot .foot-r{width:50%;float:left}.foot img{float:right;padding-right:10px;width:100%}@media (min-width: 300px){.foot img{width: 82px;height: 70px}}@media (min-width: 760px){.foot img{width:auto;height: auto}}.foot .foot-r p{float:left;font-size:20px;color:#ffffff;width:100%;text-align:left;margin:0;padding-left:10px} .foot .foot-r .p1{font-size:16px;margin:15px 0 -2px}.foot .foot-r .p2{font-size:16px}.back_tutu {width: 10%;display: block;position: absolute;left: 2%;top: 10%;} .cpu-d ul li.active p {background:#b7209e;border-right:0.5px solid transparent;border-left:0.5px solid transparent;} .table-res tr td .span-aa{margin: 0 10px;padding: 2px 0;} .table-res tr td .span-bb{margin: 0 10px;padding: 2px 0;} .table-res tr td .span-cc{margin: 0 10px;padding: 2px 0;} .table-res tr td .span-dd{margin: 0 10px;padding: 2px 0;}
@media (min-width: 320px){.span-a p{display: flex;
    justify-content: center}}
@media (min-width: 760px){.foot .foot-r .p1{font-size:28px;margin:60px 0 10px}.foot .foot-r .p2{font-size:18px}}
@media (min-width: 760px){.table-res tr td .tdp{position:relative;height:122px}.table-res tr td{height: 120px}.table-res tr td .tdp .spanstyle{top: 59px}.table-res tr td .tdp span{top: 45px;}}
.cpu-a-update{position: absolute;right: 22%;color: #fff;top: 92%;font-size: 12px;}
@media (min-width:760px){.cpu-a-update{font-size: 14px}}@media (min-width:1000px){.cpu-a-update{font-size: 16px}}@media (min-width:1200px){.cpu-a-update{font-size: 18px}}